@import "../../directives/base/_base";
body{
  background-color: $color1;
  width: 100%;
  .case-search{
    width: 90%;
    margin: 0 auto;
    display: flex;
    height: 40px;
    .s-row{
      border-left: 2px $color3 solid;
      padding-left: 4px;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      .s-left{
        flex: 2;
        max-width: 300px;
        min-width: 250px;
        margin-bottom: 30px;
        .note-search{
          width: 100%;
        }
        .tree{
          position: relative;
          margin: 20px 0 10px -7px;
          background-color: $color8;

        }

        iframe{
          width: 100%;
          margin-top: 200px;
        }
      }
      .s-right{
        flex:4;
        width: 98%;
        padding-left: 4px;
      }
    }
  }
  .case{
    width:90%;
    margin: 0 auto;
    display: flex;
    .user-box{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      .u-user{
        flex: 2;
        margin: 0 auto;
        max-width: 300px;
        min-width: 250px;
        margin-bottom: 30px;
        margin-top: 30px;
      }
      .u-analysis{
        flex: 4;
        width: 100%;
        .u-box{
          margin-bottom: 30px;
          margin-top: 30px;
          border:1px $color8 solid;
          width: 100%;
          font-size:0;
          .note-show{
            width: 50%;
            display: inline-block;
          }
          .task-show{
            width:50%;
            display: inline;
            float:right;
            margin-top:10px;
            padding-right: 20px;
          }
        }
        padding: 0 10px;

      }
    }
  }

}